﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="test_left_bar_WebUserControl" %>
<link href="navbar.css" rel="stylesheet" type="text/css" />

<script src="navbar.js" type="text/javascript"></script>
<script language="JavaScript" type="text/JavaScript">
var show = true;
var hide = false;
//修改菜单的上下箭头符号
function my_on(head,body)
{
	var tag_a;
	for(var i=0;i<head.childNodes.length;i++)
	{
		if (head.childNodes[i].nodeName=="A")
		{
			tag_a=head.childNodes[i];
			break;
		}
	}
	tag_a.className="on";
}
function my_off(head,body)
{
	var tag_a;
	for(var i=0;i<head.childNodes.length;i++)
	{
		if (head.childNodes[i].nodeName=="A")
		{
			tag_a=head.childNodes[i];
			break;
		}
	}
	tag_a.className="off";
}
//添加菜单	
window.onload=function()
{ 

	m1 =new Menu("menu1",'menu1_child','dtu','100',show,my_on,my_off);
	m1.init();
	
	m2 =new Menu("menu2",'menu2_child','dtu','100',show,my_on,my_off);
	m2.init();
	

	m3 =new Menu("menu3",'menu3_child','dtu','100',show,my_on,my_off);
	m3.init();
	
	
	m4 =new Menu("menu4",'menu4_child','dtu','100',show,my_on,my_off);
	m4.init();
	
	m5 =new Menu("menu5",'menu5_child','dtu','100',show,my_on,my_off);
	m5.init();
	
	m6 =new Menu("menu6",'menu6_child','dtu','100',show,my_on,my_off);
	m6.init();
	
	m7 =new Menu("menu7",'menu7_child','dtu','100',show,my_on,my_off);
	m7.init();
}

</script>
<noscript title="系统提示">
<div class="tit" id="menu0" ><a href="" class="on"  title="折叠菜单" name="nojs" id="nojs" >系统提示</a> </div>
<div class="list" id="menu0_child">
	<p><strong>您的设备不支持js,不能使用菜的折叠功能</strong></p>
</div>
</noscript>

<div id="menu">

	<div class="tit" id="menu1" title="一级菜单" visible="false">
		<div class="titpic" id="pc1"></div>
		<a href="#nojs" title="折叠菜单" class="on" id="menu1_a" tabindex="1" >一级菜单</a> </div>
	<div class="list" id="menu1_child" title="一级菜单" >
		<ul  >
		<li id="m1_1" ><a href="" target="f" >一级子菜单</a></li>
		</ul>
	</div>
			
	<div class="tit" id="menu2" title="二级菜单" >
		<div class="titpic" id="pc2"></div>
		<a href="" title="折叠菜单" target="" class="on" id="menu2_a" tabindex="2">二级菜单</a> </div>
	<div class="list" id="menu2_child" title="二级菜单">
		<ul>

			<li id="m2_1" ><a href="" target="f">二级子菜单</a></li>
			<li id="m2_2" ><a href="" target="f">二级子菜单</a></li>
			<li id="m2_3" ><a href="" target="f">二级子菜单</a></li>
			<li id="m2_4" ><a href="" target="f">二级子菜单</a></li>
			<li id="m2_4" ><a href="" target="f">二级子菜单</a></li>
			
		</ul>
	</div>
	
      
	<div class="tit" id="menu3" title="三级菜单" >
		<div class="titpic" id="pc3"></div>
		<a href="" title="折叠菜单" target="" class="on" id="menu3_a" tabindex="3">三级菜单</a> </div>
	<div class="list" id="menu3_child" title="三级菜单" >
		<ul>
			
           <li id="m3_1" ><a href="" target="f">三级子菜单</a></li>
            <li id="m3_2"><a href="" target="f">三级子菜单</a></li>
            <li id="m3_3"><a href="" target="f">三级子菜单</a></li>
            
            <li id="m3_4" ><a href="" target="f">三级子菜单</a></li>
           
		</ul>
	</div>
				
	<div class="tit" id="menu4" title="四级菜单" >
		<div class="titpic" id="pc4"></div>
		<a href="" title="折叠菜单" target="" class="on" id="menu4_zja" tabindex="4">四级菜单</a> </div>
	<div class="list" id="menu4_child" title="四级菜单">
		<ul>
		    <li id="m4_1" ><a href="" target="f">四级子菜单</a></li>
			<li id="m4_2" ><a href="" target="f">四级子菜单</a></li>		
	    
		</ul>
	</div>
	
	<div class="tit" id="menu5" title="五级菜单" >
		<div class="titpic" id="pc5"></div>
		<a href="" title="折叠菜单" target="" class="on" id="menu5_a" tabindex="5">五级菜单</a> </div>
	<div class="list" id="menu5_child" title="五级菜单">
		<ul>			
		    <li id="m5_1" ><a href="" target="f">五级子菜单</a></li>
			
		</ul>
	</div>
	
	<div class="tit" id="menu6" title="六级菜单" >
		<div class="titpic" id="pc6"></div>
		<a href="" title="折叠菜单" class="on" id="menu6_a" tabindex="6">六级菜单</a> </div>
	<div class="list" id="menu6_child" title="六级菜单">
		<ul>
			<li id="m6_1" ><a href="" target="f">六级子菜单</a></li>
			<li id="m6_2" ><a href="" target="f">六级子菜单</a></li>
			
		</ul>
	</div>
	<div class="tit" id="menu7" title="关于我们" >
		<div class="titpic" id="pc7"></div>
		<a href="" title="折叠菜单" class="on" id="menu7_a" tabindex="6">关于我们</a> </div>
	<div class="list" id="menu7_child" title="关于我们功能区">
		<ul id="auth" >
			<li>版权:</li>
			<li>12121212121212</li>
			<li>网址：</li>
			<li>
			<a href="" target="_blank">
			<span style="color: #000000">打发打发打发</span></a></li>
			<li>版本：1.0</li>
		</ul>
	</div>
</div>